<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="description" content="personal blog login page" />
		<meta name="author" content="lihongpeng" />
		<title>设置</title>
		<link rel="stylesheet" href="/css/plugins/personal/bootstrap.min.css" />
		<link rel="stylesheet" href="/css/plugins/personal/jianyi-style.css" />
		<!--[if lt IE 9]>
		<script src="https://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
		<![endif]-->
	</head>

	<body data-spy="scroll" data-target=".navbar" data-offset="70">
		<div class="jy-blue">
			<div class="container header clearfix">
				<a href="/index"><img src="/img/jianyi-logo.png" class="jy-logo" /></a>
				<a href="/index">首页</a>
				<a href="#">关注</a>
				<a href="#">消息</a>
				<form action="" method="" class="form-search">
					<input type="text" name="" id="searchInput" value="" placeholder="搜索" x-webkit-speech="" x-webkit-grammar="builtin:search" lang="zh-CN">
					<a class="search-btn" href="javascript:;"><span class="mui-icon mui-icon-search"></span></a>
				</form>
				<div class="user-header">
					<div class="dropdown">
						<a id="drop1" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
							<img src="/img/college.png" />
							<span class="caret"></span>
						</a>
						<div class="dropdown-menu" aria-labelledby="drop1">
							<a href="/personal/getUserInfo" class="list-group-item">我的主页</a>
							<a href="#" class="list-group-item">收藏的文章</a>
							<a href="#" class="list-group-item">喜欢的文章</a>
							<a href="#" class="list-group-item">我的钱包</a>
							<a href="/personal/settings" class="list-group-item">设置</a>
							<a href="#" class="list-group-item">帮助与反馈</a>
							<a href="#" class="list-group-item">退出</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="container jy-content">
			<div class="col-md-4 nav-parent jy-content">
				<nav class="navbar nav-padding" role="navigation">
					<div class="collapse navbar-collapse js-navbar-scrollyspy">
						<ul class="nav nav-pills">
							<li>
								<a href="#D1" class="scroll">基础设置</a>
							</li>
							<li>
								<a href="#D2" class="scroll">个人资料</a>
							</li>
							<li>
								<a href="#D3" class="scroll">微博认证</a>
							</li>
							<li>
								<a href="#D4" class="scroll">黑名单</a>
							</li>
							<li>
								<a href="#D5" class="scroll">赞赏设置</a>
							</li>
							<li>
								<a href="#D6" class="scroll">账号管理</a>
							</li>
						</ul>
					</div>
				</nav>
			</div>
			<div class="col-md-8 jy-white padding">
				<h4 id="D1">基础设置</h4>
				<div class="basics">
					<img src="/img/camera.png" alt="" />
					<a href="javascript:;" class="file file-mar">选择文件
						<input type="file" name="" id="">
					</a>
				</div>
				<div class="basics">
					<span>昵称</span>
					<input type="text" class="form-control" id="exampleInputEmail1" placeholder="昵称">
				</div>
				<div class="basics basics-3">
					<span>电子邮件</span>
					<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
					<a href="javascript:;" class="file">发送
					</a>
				</div>
				<div class="basics">
					<span>手机</span>
					<a href="javascript:;" class="file">绑定手机
					</a>
				</div>
				<div class="basics">
					<span>常用编辑器</span>
					<label class="radio-inline">
  					<input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">富文本
					</label>
					<label class="radio-inline">
  					<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> markdown
					</label>
				</div>
				<div class="basics">
					<span>语言设置</span>
					<label class="radio-inline">
  					<input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">中文简体
					</label>
					<label class="radio-inline">
  					<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 中文繁体
					</label>
				</div>
				<div class="basics">
					<span>简信接收设置</span>
					<label class="radio-inline">
  					<input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">接收所有简信
					</label>
					<label class="radio-inline">
  					<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 只接收我关注的用户的简信
					</label>
				</div>
				<div class="basics">
					<span>提醒邮件通知</span>
					<label class="radio-inline">
  					<input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">所有动态
					</label>
					<label class="radio-inline">
  					<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 每天未读汇总
					</label>
					<label class="radio-inline">
  					<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 不接收
					</label>
				</div>
				<div class="basics">
					<a href="javascript:;" class="file">保存
					</a>
				</div>
				<div class="line"></div>
				<h4 id="D2">个人资料</h4>
				<div class="basics">
					<span>性别</span>
					<label class="radio-inline">
  					<input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">男
					</label>
					<label class="radio-inline">
  					<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">女
					</label>
					<label class="radio-inline">
  					<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">保密
					</label>
				</div>
				<div class="basics">
					<span>个人介绍</span>
					<textarea class="form-control" rows="3" placeholder="写你的个人简介"></textarea>
				</div>
				<div class="basics">
					<span>个人网站</span>
					<input type="text" class="form-control" id="exampleInputEmail1" placeholder="http://你的网址">
				</div>
				<div class="basics">
					<span>微信二维码</span>
					<a href="javascript:;" class="file">选择文件
						<input type="file" name="" id="">
					</a>
				</div>
				<div class="basics">
					<span>社交帐号</span>
					<div class="jy-third">
						<img src="/img/wecat.jpg" />
						<a class="third-binding" href="#">微信绑定</a>
						<a class="third-unbinding" href="#">解绑</a>
					</div>
					<div class="jy-third">
						<img src="/img/sina.jpg" />
						<a class="third-binding" href="#">微博绑定</a>
						<a class="third-unbinding" href="#">解绑</a>
					</div>
					<div class="jy-third">
						<img src="/img/qq.jpg" />
						<a class="third-binding" href="#">QQ绑定</a>
						<a class="third-unbinding" href="#">解绑</a>
					</div>
				</div>
				<div class="basics">
					<a href="javascript:;" class="file">保存
					</a>
				</div>
				<div class="line"></div>
				<h4 id="D3">微博认证</h4>
				<ul class="list-unstyled">
					<li>简易新浪微博联合认证<span>简易推荐作者</span>
						<ul>
							<li>简易帐号注册超过</li>
							<li>简易帐号绑定新浪微博帐号</li>
							<li>绑定手机号码</li>
							<li>绑定手机号码</li>
							<li>在简易发表文章字数达到 20000 字</li>
							<li>在简易收获喜欢数达到 2000 个</li>
						</ul>
					</li>
					<li>
						简易新浪微博联合认证<span>简易专题运营者</span>
						<ul>
							<li>简易帐号注册超过 30 天</li>
							<li>简易帐号绑定新浪微博帐号</li>
							<li>绑定手机号码</li>
							<li>在简易参与编辑的专题收获订阅总数达到 1000 个</li>
						</ul>
					</li>
				</ul>
				<div class="line"></div>
				<h4 id="D4">黑名单</h4>
				<p>你可以在用户主页将用户加入你的黑名单。在你黑名单中的用户无法在你文章下评论，无法在其它评论中提到你，无法给你发送简信，自动从你的粉丝列表移除且无法再关注你。</p>
				<div class="line"></div>
				<h4 id="D5">赞赏设置</h4>
				<div class="basics">
					<span>赞赏功能</span>
					<label class="radio-inline">
  					<input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">开启
					</label>
					<label class="radio-inline">
  					<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">关闭
					</label>
				</div>
				<div class="basics">
					<span>默认接受金额</span>
					<div class="form-group">
						<div class="input-group">
							<div class="input-group-addon">￥</div>
							<input type="text" class="form-control" id="exampleInputAmount" placeholder="输入金额">
						</div>
					</div>
				</div>
				<div class="basics">
					<span>赞赏描述</span>
					<textarea class="form-control" rows="3" placeholder=""></textarea>
				</div>
				<div class="basics">
					<a href="javascript:;" class="file">保存
					</a>
				</div>
				<div class="line"></div>
				<h4 id="D6">账号管理</h4>
				<div class="basics">
					<span>打包下载文章</span>
					<a href="javascript:;" class="file">下载所有文章
					</a>
				</div>
				<div class="basics">
					<span>删除账号</span>
					<a href="javascript:;" class="file">删除账号
					</a>
				</div>
				<div class="line"></div>
			</div>
		</div>
		<footer class="container">
			<a href="">关于简易</a><i>·</i>
			<a href="">联系我们</a><i>·</i>
			<a href="">加入我们</a><i>·</i>
			<a href="">作者出书计划</a><i>·</i>
			<a href="">帮助中心</a><i>·</i>
			<a href="">合作伙伴</a>
			<div class="icp">
				©2017-2017 北京简易科技有限公司 / Tel:021-61995350 / 简易 / 京ICP备11018329号-5 / 京公网安备00000000000号
				<a target="_blank" href="#">
					<img src="" alt="Smrz">
				</a>
			</div>
		</footer>
		<script type="text/javascript" src="/js/plugins/jquery-3.1.1.min.js"></script>
		<script type="text/javascript" src="/js/plugins/personal/bootstrap.min.js"></script>
		<script type="text/javascript" src="/js/plugins/personal/back-top.js"></script>
		<script>
			(function(win, doc) {
				$().dropdown('toggle');
				var sopportTouch = "ontouchstart" in doc,
					tapStart = sopportTouch ? "touchstart" : "mousedown",
					tapEnd = sopportTouch ? "touchend" : "mouseup";
				doc.querySelector('#searchInput').addEventListener('focus', function() {
					this.parentElement.className = 'form-search-act';
				});
				doc.querySelector('#searchInput').addEventListener('blur', function() {
					this.parentElement.className = 'form-search';
				});
			})(window, document);
		</script>
	</body>

</html>